
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<script type="text/javascript">
function goImage(obj){
	/* var url=document.getElementById("image").src; */
	var url=obj.src;

	console.log("url的值为"+url);
	
   window.open(url); 

}
</script>
<div class="bjui-pageContent">
	<table class="table table-bordered table-hover table-striped table-top">
		<thead>
			<tr>
				<td colspan="6" align="left" valign="bottom"
					class="pass_width_percent_50">
					<h5>
						<strong>文章标题：${article.title}</strong>
					</h5>
			</tr>
			<tr>
				<td class="pass_width_ave_6_column">关键词：</td>
				<td class="pass_width_ave_6_column">描述：</td>
				<td class="pass_width_ave_6_column">附件下载地址：</td>
				<td class="pass_width_ave_6_column">主题图片：</td>
				<td class="pass_width_ave_6_column">视频：</td>
				<td class="pass_width_ave_6_column">栏目名称：</td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td class="pass_width_ave_6_column">${article.keyWords}</td>				
				<td class="pass_width_ave_6_column">${article.description}</td>
				<td class="pass_width_ave_6_column">${article.downloadUrl}</td>
			    <td><img  width="50px" name="imgUrl" id="imgUrl" src="${ctx}/${article.themeImageUrl}"  onclick="goImage(this)"/></td>
			 	<td>
			 	<c:if test="${not empty article.videoUrl}" >
					<video  width='97%' height="50" controls="controls" >
						<source src="${ctx}/${article.videoUrl}"type="video/ogg" />
						<source src="${ctx}/${article.videoUrl}" type="video/mp4" />
						<source src="${ctx}/${article.videoUrl}" type="video/webm" />
					</video> 
			    </c:if>
			    </td>
			   <%--  <c:if test="${empty article.videoUrl}" >
				<td class="pass_width_ave_6_column">${article.videoUrl}</td>
			    </c:if> 
			    	<td><video   width="24%" height="100" controls="controls" >
						<source  src="${ctx}/${article.videoUrl}"type="video/ogg" />
						<source src="${ctx}/${article.videoUrl}" type="video/mp4" />
						<source src="${ctx}/${article.videoUrl}" type="video/webm" />
					</video></td>  --%>
				<td class="pass_width_ave_6_column">${article.classOneName}</td>
			</tr>
		</tbody>
		<thead>
			<tr>
				<td class="pass_width_ave_6_column">文章类型：</td>
				<td class="pass_width_ave_6_column">是否置顶：</td>
				<td class="pass_width_ave_6_column">是否更新：</td>
				<td class="pass_width_ave_6_column">阅读次数：</td>
				<td class="pass_width_ave_6_column">点赞次数：</td>
				<td class="pass_width_ave_6_column">踩踏次数：</td>	
			</tr>
		</thead>
		<tbody>
			<tr>
				<td class="pass_width_ave_6_column">${article.articleTypeName}</td>
				<td class="pass_width_ave_6_column">${article.isTop=='0'?'是':'否'}</td>
				<td class="pass_width_ave_6_column">${article.isNewest=='0'?'是':'否'}</td>
				<td class="pass_width_ave_6_column">${article.readCount}</td>
				<td class="pass_width_ave_6_column">${article.praiseCount}</td>
				<td class="pass_width_ave_6_column">${article.stepCount}</td>
			</tr>
		</tbody>
		<thead>
			<tr>	
				<td class="pass_width_ave_6_column">更新时间：</td>
				<td class="pass_width_ave_6_column">备注1：</td>
				<td class="pass_width_ave_6_column">备注2：</td>
			</tr>
		</thead>
		<tbody>
			<tr> 						
                <td class="pass_width_ave_6_column"><fmt:formatDate type="both" pattern="yyyy-MM-dd HH:mm:ss" value="${article.modifyDate}" /></td>
				<td class="pass_width_ave_6_column">${article.remarkOne}</td>
				<td class="pass_width_ave_6_column">${article.remarkTwo}</td>
			</tr>
		</tbody>
		<thead>
			<tr>	
				<td width="100%" colspan="6">文章内容：</td>
			</tr>
		</thead>
		<tbody>
			<tr> 				
				<td width="100%" colspan="6">
				${article.content}</td>
			</tr>
		</tbody>	
	</table>
</div>
<div class="bjui-pageFooter">
	<ul>
		<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
		<li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
	</ul>
</div>